<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body style="width:3000px;">
    <div id="box"></div>
    <img id="img" src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt="">
</body>
<script>
    // window.onload = function(){
        // console.log("浏览器加载完成");
        
        // var box = document.getElementById("box")
        // console.log(box)
        
        // var img = document.getElementById("img")
        // console.log(img)
        // console.log(img.offsetWidth);
    // }

    
    // onresize = function(){
        // console.log(1)
        // 浏览器可视区域大小
        // console.log(document.documentElement.clientWidth)
        // console.log(document.documentElement.clientHeight)
    // }

    // onscroll = function(){
        // console.log(1);
        // 获取滚走了的距离
        // console.log(document.documentElement.scrollTop);
        // console.log(document.documentElement.scrollLeft);
    // }
</script>
</html>